#app,
html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.full {
  width: 100%;
  height: 100%;
}

.full_width {
  width: 100%;
}

.full_height {
  height: 100%;
}

.card {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #ccc;
}

.row {
  display: flex;
  flex-direction: row;
}

.col {
  display: flex;
  flex-direction: column;
}

.col_center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.row_center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.row_kv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.ml {
  margin-left: 5px;
}

.mt {
  margin-top: 5px;
}

.pd {
  padding: 5px;
}

.pd2 {
  padding: 10px;
}

.font1 {
  font-size: small;
}